export const lineBaseOptions = {
  grid: { left: '60px' },
  tooltip: {
    trigger: 'axis',
    // position: [10, 10], // 在左上角 10px 处显示提示框
  },
  legend: {
    data: [],
    top: 10,
  },
  xAxis: {
    type: 'category',
    boundaryGap: true,
    data: [],
  },
  yAxis: {
    type: 'value',
    // boundaryGap: ['0.2', '0.2'], 上下留白
  },
  // 数据太多时多列显示
  // position(pos: number[], _params: any, _el: any, _elRect: any, size: any) {
  //   const obj = { top: 10 }
  //   const posObj = pos[0] < size.viewSize[0] / 2 ? Object.assign({}, obj, { right: 50 }) : Object.assign({}, obj, { left: 50 })
  //   return posObj
  // },
  // formatter(params: any) {
  //   if (Array.isArray(params)) {
  //     let str = ''
  //     str += `<span style="font-weight: 600">${params[0].axisValue}</span><br/>`
  //     str += `<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px"><br/>`
  //     params.forEach((m) => {
  //       str += `<div><span style="display: inline-block; width: 10px; height: 10px; margin-right: 5px; border-radius:100%; background-color: ${m.color};"></span>`
  //       str += `${m.seriesName}: <span style="font-weight: 600">${Number(m.data).toFixed(3)}</span></div>`
  //     })
  //     str += `</div>`
  //     return str
  //   }
  // },
  series: [],
}
